﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="ecard.aspx.cs" Inherits="ecard" Title="Thoitrang.com-gui thiep so" %>
<%@ Register Src="~/UserControls/ucMenuLeft.ascx" TagName="MenuLeft" TagPrefix="uc" %>
<%@ Register Src="~/UserControls/ucPayment.ascx" TagName="Payment" TagPrefix="uc" %>
<%@ Register Src="~/UserControls/Advertising.ascx" TagName="Adv" TagPrefix="uc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentCss" Runat="Server">
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/ecard.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentFooter" Runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentMenu" Runat="Server">
    <uc:MenuLeft ID="MenuLeft1" GroupId="1" runat="server" />
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentMain" Runat="Server">
    <div class="ecard-wrap">
		<h3><img src="images/gui-thiep-so-hp.gif" alt="thoi trang" width="400" height="40" /></h3>
		<!--ecard-->
		<div class="ecard">
			<hr />
			    <div class="simple">
				    <div class="group" id="divEmail" runat="server">
				    <div id="lbMsg" runat="server"></div>
					<div class="bogo">
						<input id="off" name="bogo" type="radio" />Off
						<input id="telex" name="bogo" type="radio" />Telex
						<input id="vni" name="bogo" type="radio" />VNI
					</div>
					
					<div class="clear"></div>
					
					<div class="top_title">
						<p class="name">Tên</p>
						<p class="email">Email</p>
						<div class="clear"></div>
					</div>
					
					<div class="ls">
						<label for="nguoigui"><strong>Người gửi</strong>:</label>
						<input id="ten_nguoigui" class="name_input" name="ten_nguoigui" type="text" runat="server" />
						<input id="email_nguoigui" class="email_input" name="email_nguoigui" type="text" runat="server" />
					</div>
					
					<div>
						<label for="nguoinhan1"><strong>Người nhận</strong> 1:</label>
						<input id="ten_nguoinhan1" class="name_input" name="ten_nguoinhan1" type="text" runat="server" />
						<input id="email_nguoinhan1" class="email_input" name="email_nguoinhan1" type="text" runat="server" />
					</div>
					
					<div>
						<label for="nguoinhan2">Người nhận 2:</label>
						<input id="ten_nguoinhan2" class="name_input" name="ten_nguoinhan2" type="text" runat="server" />
						<input id="email_nguoinhan2" class="email_input" name="email_nguoinhan2" type="text" runat="server" />
					</div>
					
					<div>
						<label for="nguoinhan3">Người nhận 3:</label>
						<input id="ten_nguoinhan3" class="name_input" name="ten_nguoinhan3" type="text" runat="server" />
						<input id="email_nguoinhan3" class="email_input" name="email_nguoinhan3" type="text" runat="server" />
					</div>
					
					<div class="ls">
						<label for="loitua"><strong>Lời tựa</strong>:</label>
						<input id="loitua" class="full" name="loitua" type="text" runat="server" />
					</div>
					
					<div class="ls">
						<label for="noidung"><strong>Nội dung</strong>:</label>
						<textarea id="noidung" class="full" name="noidung" cols="28" rows="8" runat="server"></textarea>
					</div>
					
					<div>
						<label for="baotinnhan">Báo tin nhận:</label>
						<select id="baotinnhan" class="medium" name="baotinnhan" runat="server">
							<option value="khongbao">Không báo</option>
							<option value="emailbaotin">Email báo tin cho tôi</option>
						</select>
					</div>
					
					<div class="kieutrinhbay">
						<label for="kieutrinhbay">Kiểu trình bày:</label>
						<div class="option fl">
							<img src="images/ecard-layout-4.gif" alt="thoi trang" width="83" height="62" />
							<input id="op1" name="op" type="radio" runat="server" checked="true" />	
						</div>
						<div class="option fl">
							<img src="images/ecard-layout-3.gif" alt="thoi trang" width="83" height="62" />
							<input id="op2" name="op" type="radio" runat="server" />	
						</div>
						<div class="clear"></div>
					</div>
					
					<div class="bottom-button">
					    <asp:Button ID="btnXemTruoc" CssClass="submitbutton fr" Text="Xem trước" runat="server" OnClientClick="preview();"/>
					    <asp:Button ID="btnGui" CssClass="submitbutton fr" Text="Gửi thiệp" runat="server" />
						<%--<input class="submitbutton fr" name="commit" type="submit" value="Xem trước" runat="server" />
						<input class="submitbutton fr" name="commit" type="submit" value="Gửi thiệp" runat="server" />--%>
						<div class="clear"></div>
					</div>
					
				</div>
				    <div class="emailthank" visible="false" id="divMsg" runat="server">
					    <p>Cảm ơn Bạn! Thiệp của bạn đã được gởi</p>
					    <p class="imglink"><a id="lnkBack" runat="server"><img border="0" src="hinh-thoi-trang/btn_continue.gif"/></a>&nbsp;&nbsp;</p>
					</div>
				</div>
			<hr />
			<div class="end-reg">
				<h4>Chính sách NO-SPAM</h4>
				<p>ThoiTrang.com thiết lập một chính sách NO-SPAM (hoàn toàn không có thư rác) đối với email của các bạn và tuyệt đối không cung cấp cho một bên thứ ba. Email của các bạn chỉ dùng để liên lạc các vấn đề hoặc thông tin thời trang mà bạn yêu cầu. Bạn có thể xem <a href="#">Chính sách bảo mật</a> của chúng tôi để biết thêm chi tiết.</p>
			</div>
		</div>
		<!--//ecard-->
	</div>
<script type="text/javascript" language="javascript">
    function preview()
    {
        var op1 = document.getElementById('<%=op1.ClientID %>');
        var ten_nguoigui = document.getElementById('<%=ten_nguoigui.ClientID %>');
        var ten_nguoinhan1 = document.getElementById('<%=ten_nguoinhan1.ClientID %>');
        var loitua = document.getElementById('<%=loitua.ClientID %>');
        var noidung = document.getElementById('<%=noidung.ClientID %>');
        
        var link = "ecard_det_preview.aspx?";
        link += "msgid=" + '<%= MsgId %>';
        link += "&ac=" + '<%= AccessCode %>';
        link += "&Style=1";        
        if (op1.checked == true) link += "&Layout=4";
        else link += "&Layout=3";                
        link += "&rqFromName=" + ten_nguoigui.value;
        link += "&rqToName=" + ten_nguoinhan1.value;
        link += "&in=eva-longoria-dai-dien-dau-tien-cua-bebe-sport-2007-d96410.jpg"; // +Request["in"];
        link += "&MsgHeading=" + loitua.value;
        link += "&rqMsgText=" + noidung.value;
        link += "&SoundName=";
        link += "&ArticleBackLink=" + '<%= Server.UrlEncode("http://" + Request.ServerVariables["HTTP_HOST"] + "/detail.aspx?aid=" + Request["aid"]) %>'
		window.open(link,'win2','width=600,height=600,toolbar=0,resizable=1,scrollbars=1,status=1');		
    }
</script>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="ContentLeft" Runat="Server">
    <uc:Adv ID="Adv1" runat="server" />
</asp:Content>

